.icon {
    d: inline-block;
    bg: resolve('../newimages/icon.png') no-repeat;
}

.icon-tell {
    size: 16px 16px;
    bgp: -135px -205px;
    va: -3px;
}

.icon-ewm {
    size: 16px 16px;
    bgp: -135px -224px;
    mt: 10px;
}

.icon-write {
    size: 16px 16px;
    bgp: -135px -245px;
    va: -3px;
}

.icon-totop {
    size: 16px 10px;
    bgp: -135px -274px;
}


/*替换头部背景色以及房子图标*/

#mall_header .topbar {
    background: #e7e7e7;
}

#mall_header .toplink a,
#mall_header .toplink span {
    color: #999;
}

#mall_header .topmenu a,
#mall_header .topmenu span {
    color: #999;
}

#mall_header .topbar i.home {
    background: url(../newimages/header.png) no-repeat;
    background-position: 0 0;
}


/*更改导航文字颜色*/

#mall_header .nav {
    margin-left: 50px;
}

#mall_header .nav li {
    margin-right: 0;
}

#mall_header .nav li a {
    color: #555;
    /*font-weight: bold;*/
    margin-right: 40px;
    padding: 0;
}

#mall_header .nav li.on a,
#mall_header .nav li.on a:hover {
    background: none;
    color: #d0111b;
}

#mall_header .nav li a.hot .icon_hot {}


/*更改hot图标样式*/

#mall_header .nav li a.hot .icon_hot {
    background: url(../newimages/header.png) no-repeat;
    background-position: 0 -16px;
    right: -30px;
}

#mall_header .nav li a.new {
    position: relative;
}

#mall_header .nav li a.new .icon_new {
    background: url(../newimages/header.png) no-repeat;
    position: absolute;
    right: -30px;
    top: -8px;
    width: 26px;
    height: 15px;
    background-position: 0 -35px;
}




/*侧边栏*/

.sidetoolbar {
    h: 100%;
    pos: fixed;
    r: 0;
    t: 0;
    w: 5px;
    bg: #7f7170;
    z-index: 222;
    .toolbar {
        size: 36px 147px;
        /*ml: -31px;*/
        /*mt:645px;*/
        position: absolute;
        top: 50%;
        mt: -76px;
        r: 0px;
        .toolbar-section {
            h: 36px;

            mb: 1px;
            bg: #7f7170;
            border-radius: 5px 0 0 5px;
            lh: 36px;
            ta: center;
            cursor: pointer;
            pos: relative;


            &.active {
                bg: #d0101b;
                .toolbar-section-inner {
                    bg: #d0101b;
                }
                .icon-tell {
                    bgp: -153px -205px;
                }
                .icon-ewm {
                    bgp: -153px -224px;
                }
                .icon-write {
                    bgp: -153px -245px;
                }

                .icon-totop {
                    bgp: -153px -274px;
                }
            }
            .toolbar-section-inner {
                size: 62px 36px;
                bg: #7f7170;
                c: #fff;
                ta: center;
                lh: 36px;
                pos: absolute;
                t: 0;
                z-index: -1;
                border-radius: 5px 0 0 5px;
                l: 0;
            }
        }
        .toolbar-section-ewm {
            lh: 1;
            .toolbar-section-ewm-inner {
                opacity: 0;
                filter: alpha(opacity=0);
                d: none;

                pos: absolute;
                left: -115px;
                top: -210px;
                z-index: 8888;
                pr: 5px;
            }
            .ewm-top,
            .ewm-bottom {
                size: 109px 122px;
                bd: 1px solid #d7d7d7;

                p: 10px 15px 0;
                bg: #fff;
                box-sizing: border-box;

                span {
                    lh: 30px;
                    c: #666;
                }
            }
            .ewm-bottom {
                bdt: 0;
            }
        }
    }
    .toolbar-section-totop {
        display: none;
    }
}